import { Grid, Paper } from "@mui/material"


export default function Projects() {
    const data = [
        'https://www.yimizi.xyz/wedding/image/only/10.webp',
        'https://www.yimizi.xyz/wedding/image/only/11.webp',
        'https://www.yimizi.xyz/wedding/image/only/12.webp'
    ]
    const itemStyle = {
        width: 130,
        // margin: 5
    }
    return <div style={{textAlign: 'center'}}>
        <h1>projects</h1>
        <Grid container spacing={2} justifyContent={'space-evenly'}>
            {data.map(function (v) {
                return <Grid item key={v}>
                    <Paper>
                        <img
                            src={v}
                            style={itemStyle}
                        />
                    </Paper>
                </Grid>
            })}
        </Grid>
    </div>
}